window.addEventListener('load',function(){
    var lis = document.querySelectorAll('li')
    for(var i=0;i<lis.length;i++){
        lis[i].addEventListener('mouseover',function(){
            for(var i=0;i<lis.length;i++){
                lis[i].style.opacity =0.5
            }
            this.style.opacity = 1
        })
        lis[i].addEventListener('mouseout',function(){
            for(var i=0;i<lis.length;i++){
                lis[i].style.opacity =1
            }
            this.style.opacity = 1
        })
    }
})